*{
	margin: 0;
	padding: 0;
	list-style: none;	
}
a{color: #000;text-decoration: none;}
.px2rem(@name, @px){
    @{name}: @px / 75 * 1rem;
}
.w100(@w100){
	width: @w100;	
}
.h100(@h100){
	height: @h100;
}
html,body{
	.w100(100%);
	.h100(100%);
}
.box{
    .w100(100%);
    .h100(100%);
    .top1{
        .px2rem(height, 240);
        justify-content: space-around;
        display: flex;
        align-items: center;
        .a1{
            font-size:13px;
            color:#a9a9a9;
        }
        .a2{
            font-size:15px;
            font-weight: 500;
        }
    }
    .top2{
        .px2rem(height, 200);
        display: flex;
        justify-content: center;
        align-items: center;
        ul{
            .h100(100%);
            .px2rem(width, 1600);
            display: flex;
            justify-content: center;
            align-items: center;
            background-color:rgba(204, 204, 204,.5);
            border-radius: 20px;
            li{
                display: flex;
                align-items: center;
                span{
                    font-size:24px;
                }
                input[type='text']{
                    .px2rem(width, 700);
                    .px2rem(height, 200);
                    background-color:rgba(204, 204, 204,.1);
                    border:none;
                    outline: none;
                }
            }
        }
    }
    .top3{
        .px2rem(height, 260);
        display: flex;
        justify-content: space-around;
        align-items: center;
        dl{
            dt{
                text-align: center;
                span{
                    font-size:25px;
                    line-height: 30px;
                }
                .span1{
                    color:#54c1ff;
                }
                .span2{
                    color:#ff5375;
                }
                .span3{
                    color:#9c57ff
                }
                .span4{
                    color:#54c1ff;
                }
            }
            dd{
                text-align: center;
                font-size:13px;
            }
        }
    }
    .top4{
        dl{
            dt{
                .span5{
                    color:#face15
                }
                .span6{
                    color:#9c57ff;
                }
                .span7{
                    color:#ff6e8b;
                }
            }
        }
    }
    .top5{
        .px2rem(height, 320);
        display: flex;
        justify-content: center;
        align-items: center;
        img{
            .px2rem(width, 1500);
            .px2rem(height,200)
        }
    }
    .top6{
        .px2rem(height, 300);
        display: flex;
        justify-content: space-around;
        ul{
            display: flex;
            justify-content: center;
            align-items: center;
            li{
                .px2rem(width, 400);
                .px2rem(height,230);
                display: flex;
                justify-content: center;
                align-items: center;
                font-size:14px;
                color:#999999;
            }
        }
    }
    .top7{
        .px2rem(height, 500);
        display: flex;
        justify-content: space-around;
        align-items: center;
        border-bottom:1px solid rgba(153, 153, 153,.4);
        margin-top: 5px;
        margin-bottom: 5px;
        span{
            font-size:25px;
        }
        dl{.px2rem(width,1200);
            .px2rem(height,300);
            display: flex;
            justify-content: space-around;
            align-items: center;
              dt{
                  img{
                      .px2rem(width, 500);
                      .px2rem(height, 500);
                  }
              }
            dd{
               a{display: block;
                   flex-wrap: wrap;
                   .px2rem(width, 600);
                   line-height: 32px;
               }
            }
        }
    }
    .footer{
        .px2rem(height, 280);
        display: flex;
        justify-content: center;
        align-items: center;
        border-top:1px solid #a9a9a9;
    }
}